<!--
 * 单元格组件
-->
<template>
    <page-layout class="page-layout">
        <!-- 基础使用 -->
        <app-demo-module title="基础使用">
            <view class="text">
                君子以自强不息，君子以厚德载物！
                <pure-gap class="gap"></pure-gap>
                君子以自强不息，君子以厚德载物！
            </view>
        </app-demo-module>

        <!-- 行内模式 -->
        <app-demo-module title="行内模式">
            <view class="text">
                君子以自强不息，君子以厚德载物！
                <pure-gap class="gap" inline size="30px"></pure-gap>
                君子以自强不息，君子以厚德载物！
            </view>
        </app-demo-module>
    </page-layout>
</template>

<script setup>
    import { ref, computed } from "vue";
</script>

<style scoped lang="scss">
    .gap {
        background: #2c313c;
    }
</style>
